//轮播图
.ly_banner {
  max-height: 650rem/@baseFontSize;
  .carousel {
    .banner_index {
      bottom: 50rem/@baseFontSize;
    }
    .carousel-inner {

      .item {
        .pc_imgBox {
          display: block;
          height: 650rem/@baseFontSize;
          width: 100%;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
        }
        .banner_info {
          height: 440rem/@baseFontSize;
          margin-bottom: 45rem/@baseFontSize;

          h3 {
            font-size: 11rem/@baseFontSize;
            font-family: PingFang-SC-Regular;
            color: #FFFFFF;
            letter-spacing: 4px;
            text-align: center;
            text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.10);
            margin: 0;
          }
          .banner_center {
            height: 200rem/@baseFontSize;
            margin: 20rem/@baseFontSize 0 40rem/@baseFontSize;
            h2 {
              margin: 0;
              font-family: PingFang-SC-Regular;
              font-size: 76rem/@baseFontSize;
              color: #FFFFFF;
              letter-spacing: 1.85rem/@baseFontSize;
              text-align: center;
              line-height: 100rem/@baseFontSize;
              text-shadow: 2rem/@baseFontSize 2rem/@baseFontSize 0 rgba(0, 0, 0, 0.20);
            }
          }
          a {
            width: 164rem/@baseFontSize;
            height: 45rem/@baseFontSize;
            line-height: 45rem/@baseFontSize;
            display: inline-block;
            margin: 0 auto;
            opacity: 0.3;
            border: 1px solid #FFFFFF;
            border-radius: 40px;
            text-align: center;
            font-size: 12rem/@baseFontSize;
            color: #FFFFFF;
            letter-spacing: 2.4rem/@baseFontSize;

          }

        }
      }

    }

  }

}

//描述
.ly_info {
  .info-service {
    width: 1200rem/@baseFontSize;
    margin: 0 auto;
    .f1 {
      height: 223rem/@baseFontSize;
      line-height: 223rem/@baseFontSize;
      border-bottom: 1px solid #EAEAEA;
      ul {
        height: 100%;
        padding-top: 77rem/@baseFontSize;
        li {
          width: 199rem/@baseFontSize;
          float: left;
          display: inline-block;

          img {

            height: 45rem/@baseFontSize;
            width: auto;
            display: block;
            margin: 0 auto;
          }
          p {
            font-family: PingFang-SC-Medium;
            font-size: 14rem/@baseFontSize;
            color: #656B6F;
            letter-spacing: 0;
            text-align: center;
            line-height: 22rem/@baseFontSize;
            margin-top: 30rem/@baseFontSize;
          }

        }
        .line {
          height: 30rem/@baseFontSize;
          width: 1rem/@baseFontSize;
          background: #DDDDDD;
          display: inline-block;
          float: left;
          margin-top: 30rem/@baseFontSize;

        }

      }
    }
    .f2 {
      height: 445rem/@baseFontSize;
      h4 {
        font-size: 42rem/@baseFontSize;
        color: #3C3D41;
        letter-spacing: 0;
        text-align: center;
        line-height: 55px;
        margin-top: 48rem/@baseFontSize;
        margin-bottom: 0;
      }
      p {
        font-family: PingFang-SC-Regular;
        font-size: 18rem/@baseFontSize;
        color: #656B6F;
        letter-spacing: 0.5px;
        text-align: center;
        line-height: 55rem/@baseFontSize;
      }
      position: relative;
      ul {
        position: absolute;
        left: 0;
        bottom: 60rem/@baseFontSize;
        height: 190rem/@baseFontSize;
        li {
          height: 100%;
          width: 330rem/@baseFontSize;
          float: left;
          background: #FFFFFF;
          box-shadow: 0 5rem/@baseFontSize 20rem/@baseFontSize 0 rgba(186, 186, 186, 0.52);
          border-radius: 4rem/@baseFontSize;
          text-align: center;
          h5 {
            font-family: PingFang-SC-Regular;
            font-size: 14rem/@baseFontSize;
            color: #3C3D41;
            letter-spacing: 2rem/@baseFontSize;
            text-align: center;
            line-height: 10rem/@baseFontSize;
            margin: 42rem/@baseFontSize 0 30rem/@baseFontSize;
          }
          p {

            display: inline-block;
            font-family: PingFang-SC-Regular;
            font-size: 70rem/@baseFontSize;
            color: #3AAAFF;
            letter-spacing: 0;
            text-align: center;
            line-height: 80rem/@baseFontSize;
            .jt {
              background: url("../images/jt.png") no-repeat center;
              width: 14px;
              height: 16px;
              display: inline-block;
              vertical-align: middle;

            }
          }

        }
        > li + li {
          margin-left: 105rem/@baseFontSize;
        }
      }
    }
  }

}

//介绍
.ly_present {
  height: 700rem/@baseFontSize;
  background: rgba(60, 61, 65, 0.90);
  .l1 {
    height: 160rem/@baseFontSize;
    width: 100%;

    overflow: hidden;
    h3 {
      /*text-indent: -90rem/@baseFontSize;*/
      font-family: PingFang-SC-Regular;
      font-size: 42rem/@baseFontSize;
      color: #FFFFFF;
      letter-spacing: 0;
      text-align: center;
      line-height: 55rem/@baseFontSize;
      margin-top: 50rem/@baseFontSize;

    }
    p {
      /*text-indent: -90rem/@baseFontSize;*/
      opacity: 0.8;
      font-family: PingFang-SC-Regular;
      font-size: 18rem/@baseFontSize;
      color: #FFFFFF;
      letter-spacing: 0.5rem/@baseFontSize;
      text-align: center;
      line-height: 55rem/@baseFontSize;
    }
  }
  .l2 {
    width: 353rem/@baseFontSize;
    height: 540rem/@baseFontSize;
    float: left;
    ul {
      list-style-type: circle !important;
      list-style: square;
      li {

        opacity: 0.5;
        font-family: PingFang-SC-Regular;
        font-size: 16rem/@baseFontSize;
        color: #FFFFFF;
        letter-spacing: 0.44rem/@baseFontSize;
        text-align: center;
        margin-bottom: 17rem/@baseFontSize;
        text-indent: 185rem/@baseFontSize;
        text-align: left;
        &:hover {
          opacity: 1;
        }
        &::before {
          display: inline-block;
          content: "";
          width: 5px;
          height: 5px;
          border-radius: 50%;
          margin-right: 10rem/@baseFontSize;
          opacity: 0.5;
          background: #FFFFFF;
        }
      }
      li.active{
        opacity: 1;
      }

    }

  }
  .l3 {
    float: left;

    margin-top: 30rem/@baseFontSize;
    margin-left: 30rem/@baseFontSize;
    img {
      width: 716rem/@baseFontSize;
      height: 399rem/@baseFontSize;
    }
  }
  .l4 {
    width: 330rem/@baseFontSize;
    height: 540rem/@baseFontSize;
    float: right;
    position: relative;

    .l4_info {
      position: absolute;
      bottom: 269rem/@baseFontSize;
      width: 190rem/@baseFontSize;
      p {
        text-indent: 5rem/@baseFontSize;
        opacity: 0.8;
        font-family: PingFang-SC-Regular;
        font-size: 16rem/@baseFontSize;
        color: #FFFFFF;
        letter-spacing: 0.5rem/@baseFontSize;
        line-height: 26rem/@baseFontSize;
      }
      a {
        font-family: PingFang-SC-Medium;
        font-size: 14rem/@baseFontSize;
        color: #3AAAFF;
        letter-spacing: 2rem/@baseFontSize;
        text-align: center;
      }

    }
  }
}

//体验
.experience {
  height: 390rem/@baseFontSize;
  overflow: hidden;
  text-align: center;
  h3 {
    font-family: PingFang-SC-Regular;
    font-size: 42rem/@baseFontSize;
    color: #3C3D41;
    letter-spacing: 0;
    text-align: center;
    line-height: 55rem/@baseFontSize;
    margin: 50rem/@baseFontSize 0 14rem/@baseFontSize;
  }
  p {
    font-family: PingFang-SC-Regular;
    font-size: 18rem/@baseFontSize;
    color: #656B6F;
    letter-spacing: 0.5/@baseFontSize;
    text-align: center;
    line-height: 55rem/@baseFontSize;
    height: 55rem/@baseFontSize;
    display: block;

  }
  .experience_input {
    width: 1057rem/@baseFontSize;
    height: 45rem/@baseFontSize;
    margin: 0 auto;
    input {
      width: 253rem/@baseFontSize;
      height: inherit;
      background: #F5F5F5;
      border-radius: 4rem/@baseFontSize;
      font-family: PingFang-SC-Regular;
      font-size: 14rem/@baseFontSize;
      color: rgba(128, 131, 130, 0.47);
      letter-spacing: 0;
      text-align: left;
      border: none;
      text-indent: 30rem/@baseFontSize;


    }
    .div_code {
      margin: 0 10rem/@baseFontSize;
      display: inline-block;
     // width: 250rem/@baseFontSize;
     // width: 250rem/@baseFontSize;
      height: inherit;
      background: #F5F5F5;
      border-radius: 4rem/@baseFontSize;
      text-align: center;
      input {
        width: 150rem/@baseFontSize;
      }
      button {
        outline: none;
        border: none;
        width: 99rem/@baseFontSize;
        border-left: 1px solid #DDDDDD;
        font-family: PingFang-SC-Regular;
        font-size: 14rem/@baseFontSize;
        color: #3AAAFF;
        letter-spacing: 0;
        text-align: left;
        background: #F5F5F5;
        text-align: center;

        span {
          background: #F5F5F5;
        }
      }

    }
    select {
      outline: none;
      border: none;
      width: 250rem/@baseFontSize;
      height: inherit;
      background: #F5F5F5;
      border-radius: 4rem/@baseFontSize;
      color: rgba(128, 131, 130, 0.47);
      option {
        outline: none;
        border: none;
      }
    }
    >select + select{
     float: right;
    }

  }
  .ty{
    display: inline-block;
    width: 180rem/@baseFontSize;
    height: 48rem/@baseFontSize;
    line-height: 48rem/@baseFontSize;
    background: #3AAAFF;
    border-radius: 24rem/@baseFontSize;
    font-family: PingFang-SC-Medium;
    font-size: 16rem/@baseFontSize;
    color: #FFFFFF;
    letter-spacing: 2.29rem/@baseFontSize;
    text-align: center;
    margin-top: 40rem/@baseFontSize;
  }

}
